/* 
    Document   : styles
    Created on : 13-abr-2012, 17:45:49
    Author     : john
    Description:
        Definicion de estilos para toda la interfaz grafica
*/

/* -------------- StatsPane rules -------------- */

#stats-pane #type-hbox{
    -fx-border-style:solid;
    -fx-border-color:#BBB;
    -fx-border-width:0 0 1px 0;
    -fx-padding:0 0 10px 0;
}

#stats-pane #filters-pane,
#stats-pane #stats-selection-pane{
    -fx-border-style:solid;
    -fx-border-width:1px;
    -fx-border-color:#BBB;
    -fx-border-radius:5px;
    -fx-grid-lines-visible:false;
}

#stats-pane #stats-selection-pane .selector-vbox{
    -fx-spacing:5px;
    -fx-background-color:#FDFDFD;
    -fx-background-radius:3px;
    -fx-border-radius:3px;
    -fx-border-width:1px;
    -fx-border-style:solid;
    -fx-border-color:#DDD;
    -fx-padding:15px 50px 15px 30px;
}

#stats-pane #stats-selection-pane .selector-vbox .label{
    -fx-text-fill:#111;
    -fx-font-weight:normal;
}

#stats-pane #stats-selection-pane .selector-hbox{
    -fx-spacing:20px;
    -fx-background-color:inherit;
    -fx-background-radius:10px 10px 0 0;
    -fx-border-radius:10px 10px 0 0;
    -fx-border-style:solid;
    -fx-border-color:#FDFDFD #EEE #EEE #EEE;
    -fx-border-width:1px 0px 1px 0px;
    -fx-padding:7px 42px 4px 100px;
}

#stats-pane #stats-selection-pane .selector-hbox:hover{
    -fx-background-color:#F9F9F9;
    -fx-border-width:1px 0px 1px 0px;
    -fx-border-color:#EEE;
}

/* -------------- ProgressPane rules -------------- */

#progress-pane{
    -fx-padding:20px 15px 30px;
    -fx-aligment:center;
}

#progress-pane .details-container{
    -fx-border-style:solid;
    -fx-border-width:1px;
    -fx-border-color:#BBB;
    -fx-border-radius:5px;
    -fx-padding:13px 15px 10px;
}

#progress-pane .details-container .text-area{
    -fx-text-fill:#333;
}

#progress-pane .details-container .top-container{
    -fx-padding:0 0 10px 0;
}

#progress-pane .details-container .details-button{
    -fx-text-fill:#333;
    -fx-border-width:0;
    -fx-background-color:transparent;
    -fx-padding:5px 0 0;
    -fx-opacity:0.8;
    -fx-font-size:0.95em;
}

#progress-pane .details-container .details-button:hover{
    -fx-cursor:hand;
    -fx-text-fill:#090;
}

/* -------------- ExplorerErrorDialog rules -------------- */

#explorer-error-dialog .text-field{
    -fx-cursor:default;
}

/* -------------- AboutDialog rules -------------- */

#about-dialog .hyperlink{
    -fx-border-width:0;
    -fx-padding:10px 0 0;
    -fx-text-fill:#4477FF;
    -fx-underline:true;
}

#about-dialog .hyperlink:hover{
    -fx-text-fill:#2255FF;
}

#about-dialog #main-title{
    -fx-font-smoothing-type:lcd;
    -fx-font-weight:normal;
    -fx-font-family: "Trebuchet MS", Tahoma, Sans-serif;
    -fx-font-size:60px;
    -fx-effect:dropshadow(gaussian, #BBB, 0, 0, 0px, 1px);
}

/* -------------- CustomizedStage rules -------------- */

#my-root{
    -fx-border-style:solid;
    -fx-border-color:#888;
    -fx-border-width:1px;
    -fx-background-color:#FAFAFA;
    -fx-border-radius:8px;
    -fx-background-radius:8px;
}

#my-root #title-bar{
    -fx-alignment:center-right;
    -fx-spacing:5px;
    -fx-padding:0 8px;
    -fx-border-color:#EEE;
    -fx-border-style:solid;
    -fx-border-width:0 0 1px 0;
    -fx-border-insets:5px;
}

#my-root #title-bar .label{
    -fx-alignment:center-left;
    -fx-padding:0 10px 0 0;
}

#my-root #title-bar .bar-buttons{
    -fx-border-width:0;
    -fx-background-color:transparent;
    -fx-font-size:13px;
    -fx-text-fill:#777;
    -fx-padding:1px;
    -fx-margin:0 5px
}

#my-root #title-bar .bar-buttons:hover{
    -fx-text-fill:red;
}